<template>
<div class="footer">
  
    <div class="container-width ">
    <img class="logo" src="../../../src/assets/images/bg/logo.png" style="display:inline" />
    <el-row >
    <el-col :span="15">
      <el-row>
        <el-col :span="20" style="width:634px">
          <el-row>
            <el-col>
                <p class="f2" style="color:#ffffff">中竞立足于一线互联网企业，为机构输送专业技术人才,企业需要什么我们最懂，持续三年的课程优化，满足一线企业就业标准，严格的教研团队师资筛选体系、中竞师资均来自于一线开发企业人才,具备完善的教学体系，坚持面授教学、终身提供技术指导。</p>
            </el-col>
            <el-col tag="p" class="f2" style="margin-top:10px;color:#cccccc"
              >中竞（浙江）教育科技有限公司版权所有丨2022-2022 CESE - All Rights Reserved </el-col
            >
            <el-col tag="p" class="f2">备案号：浙ICP备17027602号-3</el-col>
          </el-row>
        </el-col>
      </el-row>
    </el-col>
    <el-col :span="9">
           <p class="f2 address"><span class="iconfont icon icon-didian"></span>地址：杭州市滨江区滨安路435号 电魂大厦8楼</p>
           <p class="f2 address"><span  class="iconfont icon icon-dianhua1"></span>联系电话：0571-86828711</p>
           <div class="f2" flex="main:left" style="    display: flex;    justify-content: flex-start;" >
             <router-link class="item" :class="(curRouteName ===item.router)?'active':''" :to="{name:item.router}" v-for="(item,index) in naber" :key="index" >{{item.label}}</router-link>
           </div>
    </el-col>
  </el-row>
  </div>
  </div>
</template>

<script lang="ts" setup>

const naber = [
        {label:'网站首页',router:'homePage'},
        {label:'关于中竞',router:'about'},
        {label:'用户协议',router:''},
        {label:'隐私政策',router:''},
      ]
import router from "/@/router";
import { useRoute } from 'vue-router'

const curRouteName = computed(()=>{
  const route = useRoute();
  //console.log(route.name);
  return route.name;
});

function isActive(index:number) {
      let name = curRouteName;//this.$route.name;
       console.log(curRouteName);
      return name === this.naber[index].router
}

// export default {
//   data(){
//     return {
//       naber:[
//         {label:'网站首页',router:'homePage'},
//         {label:'关于中竞',router:'about'},
//         {label:'用户协议',router:''},
//         {label:'隐私政策',router:''},
//       ]
//     }
//   },
//   methods:{
//     isActive(index){
//       let name = this.$route.name;
     
//       return name===this.naber[index].router
//     }
//   }
// };
</script>

<style lang="scss" scoped>
.footer{
  // margin-top:60px;
  padding-bottom: 30px;
  /* height:250px; */
   background:#26160b;
    color: #ffffff;
    line-height:26px
 }
.logo{
  width:100px;
  height:100px;
  margin:30px 0;
}
.f2{
  color: #b2b2b2;
  font-size:14px;
}
.icon{
 font-size:14px;
  color: #ff5f19;
  margin-right:6px;
  cursor: pointer;
}
.active{
    color: #ff5f19!important;
}
.address{
  margin-bottom: 10px;
}
.item{
  margin-right: 20px;
  margin-top: 18px;
  color: #e5e5e5;
}
</style>